<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>江湖-藏经阁</title>
<link rel="shortcut icon" href="../favicon.ico">
    <link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="../css/font-awesome.min.css" />
    <link rel="stylesheet" type="text/css" href="../css/animate.min.css" />
    <link rel="stylesheet" type="text/css" href="../css/jquery.skippr.css" />
    <link rel="stylesheet" type="text/css" href="../css/cangjingge.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
	<link rel="stylesheet" type="text/css" href="../css/login.css" />
<style>
		@font-face {
			font-family: "lantingxihei";
			src: url("fonts/FZLTCXHJW.TTF");
		}

		/* modal 模态框*/
		#invite-user .modal-body {
			overflow: hidden;
		}
		#invite-user .modal-body .form-label {
			margin-bottom: 16px;
			font-size:14px;
		}
		#invite-user .modal-body .form-invite {
			width: 80%;
			padding: 6px 12px;
			background-color: #eeeeee;
			border: 1px solid #cccccc;
			border-radius: 5px;
			float: left;
			margin-right: 10px;
		}
		#invite-user .modal-body .msg-modal-style {
			background-color: #7dd383;
			margin-top: 10px;
			padding: 6px 0;
			text-align: center;
			width: 100%;
		}
		#invite-user .modal-body .modal-flash {
			position: absolute;
			top: 53px;
			right: 74px;
			z-index: 999;
		}
		/* end modal */

		.en-footer {
			padding: 30px;
			text-align: center;
			font-size: 14px;
		}
	</style>
</head>
<style>
</style>
<body>
<header>
	<nav class="navbar navbar-default navbar-fixed-top">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="../index.html">江湖</a>
		</div>
		<div class="navbar-collapse collapse navbar-responsive-collapse">
			<ul class="nav navbar-nav">
				<li class="active"><a href="../index">首页</a></li>
				<li><a href="hiview.html">藏经阁</a></li>
				<li><a href="hiview.html">讲武堂</a></li>
				<!--<li class="dropdown">-->
				<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
				<!--<ul class="dropdown-menu">-->
				<!--<li><a href="#">Action</a></li>-->
				<!--<li><a href="#">Another action</a></li>-->
				<!--<li><a href="#">Something else here</a></li>-->
				<!--<li class="divider"></li>-->
				<!--<li class="dropdown-header">Dropdown header</li>-->
				<!--<li><a href="#">Separated link</a></li>-->
				<!--<li><a href="#">One more separated link</a></li>-->
				<!--</ul>-->
				<!--</li>-->
			</ul>
			<form class="navbar-form navbar-left">
				<input type="text" class="form-control col-lg-8" placeholder="搜索">
			</form>
			<ul class="nav navbar-nav navbar-right">
				<li><a data-sign="signin" href="#sign-modal" data-toggle="modal">登陆</a></li>
				<li><a data-sign="signup" href="#sign-modal" data-toggle="modal">注册</a></li>
				<li class="dropdown">
					<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
					<ul class="dropdown-menu">
						<!--<li><a href="#">Action</a></li>-->
						<!--<li><a href="#">Another action</a></li>-->
						<!--<li><a href="#">Something else here</a></li>-->
						<!--<li class="divider"></li>-->
						<li><a href="#">Separated link</a></li>
					</ul>
				</li>
			</ul>
		</div>
	</nav>
	</header>
<div class="container layout layout-margin-top">
	<div class="row">
      <div class="col-xs-6 col-sm-9">
	      <div class="content">
	        	<div class="row course-cates">
	            	<div class="col-md-1 course-cates-title">行业：</div>
		            <div class="col-md-11 course-cates-content">
		                <a class="active" href="/courses/?course_type=all&amp;tag=all">计算机/软件</a>
		                <a class="" href="/courses/?course_type=all&amp;tag=all&amp;fee=free">免费</a>
		                <a class="" href="/courses/?course_type=all&amp;tag=all&amp;fee=limited">限免</a>
		                <div class="course-cates-vip ">
		                    <a target="_blank" href="/vip"><img src="../img/vip-icon.png"></a>
		                    <a class="" href="/courses/?course_type=all&amp;tag=all&amp;fee=member">会员</a>
		                </div>
		            </div>
	        	</div>
	      		<div class="row course-cates">
	            <div class="col-md-1 course-cates-title">标签：</div>
	            <div class="col-md-11 course-cates-content">
	                <a class="active" href="/courses/?course_type=all&amp;fee=all">全部</a>
	                
	                    <a class="" href="/courses/?course_type=all&amp;tag=Python&amp;fee=all">Python</a>
	                
	                    <a class="" href="/courses/?course_type=all&amp;tag=C%2FC%2B%2B&amp;fee=all">C/C++</a>
	                
	                    <a class="" href="/courses/?course_type=all&amp;tag=Linux&amp;fee=all">Linux</a>
	                
	                    <a class="" href="/courses/?course_type=all&amp;tag=Web&amp;fee=all">Web</a>
	                
	                    <a class="" href="/courses/?course_type=all&amp;tag=%E4%BF%A1%E6%81%AF%E5%AE%89%E5%85%A8&amp;fee=all">信息安全</a>
	                
	                    <a class="" href="/courses/?course_type=all&amp;tag=PHP&amp;fee=all">PHP</a>
	                
	                    <a class="" href="/courses/?course_type=all&amp;tag=Java&amp;fee=all">Java</a>
	                
	                    <a class="" href="/courses/?course_type=all&amp;tag=NodeJS&amp;fee=all">NodeJS</a>
	                
	                    <a class="" href="/courses/?course_type=all&amp;tag=Android&amp;fee=all">Android</a>
	                
	                    <a class="" href="/courses/?course_type=all&amp;tag=GO&amp;fee=all">GO</a>
	                
	                    <a class="" href="/courses/?course_type=all&amp;tag=Spark&amp;fee=all">Spark</a>
	                
	                    <a class="" href="/courses/?course_type=all&amp;tag=%E8%AE%A1%E7%AE%97%E6%9C%BA%E4%B8%93%E4%B8%9A%E8%AF%BE&amp;fee=all">计算机专业课</a>
	                
	                    <a class="" href="/courses/?course_type=all&amp;tag=Hadoop&amp;fee=all">Hadoop</a>
	                
	                    <a class="" href="/courses/?course_type=all&amp;tag=HTML5&amp;fee=all">HTML5</a>
	                
	                    <a class="" href="/courses/?course_type=all&amp;tag=Scala&amp;fee=all">Scala</a>
	                
	                    <a class="" href="/courses/?course_type=all&amp;tag=Ruby&amp;fee=all">Ruby</a>
	                
	                    <a class="" href="/courses/?course_type=all&amp;tag=R&amp;fee=all">R</a>
	                
	                    <a class="" href="/courses/?course_type=all&amp;tag=%E7%BD%91%E7%BB%9C&amp;fee=all">网络</a>
	                
	                    <a class="" href="/courses/?course_type=all&amp;tag=Git&amp;fee=all">Git</a>
	                
	                    <a class="" href="/courses/?course_type=all&amp;tag=SQL&amp;fee=all">SQL</a>
	                
	                    <a class="" href="/courses/?course_type=all&amp;tag=NoSQL&amp;fee=all">NoSQL</a>
	                
	                    <a class="" href="/courses/?course_type=all&amp;tag=%E7%AE%97%E6%B3%95&amp;fee=all">算法</a>
	                
	                    <a class="" href="/courses/?course_type=all&amp;tag=Docker&amp;fee=all">Docker</a>
	                
	                    <a class="" href="/courses/?course_type=all&amp;tag=Swift&amp;fee=all">Swift</a>
	                
	                    <a class="" href="/courses/?course_type=all&amp;tag=%E6%B1%87%E7%BC%96&amp;fee=all">汇编</a>
	                
	                    <a class="" href="/courses/?course_type=all&amp;tag=Windows&amp;fee=all">Windows</a>
	                
	            </div>
	        </div>
	      </div>
	      <div class="content position-relative">
      			<ul class="nav nav-tabs" role="tablist">
            		<li class="active"><a href="#free">免费</a></li>
            		<li class=""><a href="#nofree">收费</a></li>
       			 </ul>
       			 <div class="clearfix"></div>
       			 <div class="row" id="myTabContent" >
       			 	<div class="tab-pane fade in active" id="free">
						<div class="col-md-4 col-sm-6  course">
    						<a class="course-box" href="show.html">
        						<div class="sign-box">
						            <i class="fa fa-star-o course-follow pull-right"
						                data-follow-url="/courses/63/follow"
						                data-unfollow-url="/courses/63/unfollow"  style="display:none"  ></i>
						            
        						</div>
        						<div class="course-img">
            					<img alt="Linux基础入门" src="../img/linux.jpg">
        					</div>
        
					        <div class="course-body">
					            <span class="course-title" data-toggle="tooltip" data-placement="bottom" title="Linux基础入门">Linux基础入门</span>
					        </div>
					        <div class="course-footer">
								<span class="course-per-num pull-left">
					                <i class="fa fa-users"></i>
					                
					                  57973
					                
								</span>

							        </div>
							    </a>
							</div>

					</div>
					<div class="tab-pane fade" id="nofree">6666</div>
       			 </div>
      	 </div>
      </div>
      	
      
      <div class="col-xs-6 col-sm-3">
      		<div class="sidebox">
    
				<div class="sidebox-header">
					<h4 class="sidebox-title">最热</h4>
					</div>
				<div class="sidebox-body course-content side-list-body">
			        <a href="/paths/python"><img style="width:25px;height:25px" src="../img/1471513769430.png"> Python 研发工程师</a>
			        <a href="/paths/bigdata"><img style="width:25px;height:25px" src="../img/1471513926288.png"> 大数据工程师</a>
			        <a href="/paths/cpp"><img style="width:25px;height:25px" src="../img/1471513793360.png"> C++ 研发工程师</a>
			        <a href="/paths/security"><img style="width:25px;height:25px" src="../img/1471513867033.png"> 信息安全工程师</a>
			        <a href="/paths/linuxsys"><img style="width:25px;height:25px" src="../img/1471514004752.png"> Linux 运维工程师</a>
				</div>
    
			</div>
      		<div class="sidebox">
    
				<div class="sidebox-header">
					<h4 class="sidebox-title">最新</h4>
					</div>
				<div class="sidebox-body course-content side-list-body">
			        <a href="/paths/python"><img style="width:25px;height:25px" src="../img/1471513769430.png"> Python 研发工程师</a>
			        <a href="/paths/bigdata"><img style="width:25px;height:25px" src="../img/1471513926288.png"> 大数据工程师</a>
			        <a href="/paths/cpp"><img style="width:25px;height:25px" src="../img/1471513793360.png"> C++ 研发工程师</a>
			        <a href="/paths/security"><img style="width:25px;height:25px" src="../img/1471513867033.png"> 信息安全工程师</a>
			        <a href="/paths/linuxsys"><img style="width:25px;height:25px" src="../img/1471514004752.png"> Linux 运维工程师</a>
				</div>
    
			</div>
			<div class="side-image side-qrcode">
    			<img src="../img/myweixin.jpg">
    			<div class="side-image-text">关注公众号，手机看教程</div>
			</div>
      </div>      
   </div>
</div>
<footer  class="hi-footer" th:fragment="footer">
    <div class="footertop">
        <div class="container">
            <div class="row">
                <div class="col-sm-4 footer-li">
                    <h4>
                            	我
                    </h4>
                    <ul>
                        <li><a href="index.html">关于我们</a></li>
                        <li><a>加入我们</a></li>
                        <li><a>其他</a></li>
                        <li><a>其他</a></li>
                    </ul>
                </div>
                <div class="col-sm-4">
                    <h4>
                       		 合作
                    </h4>
                    <ul>
                        <li><a href="index.html">我要投稿</a></li>
                         <li><a>联系方式</a></li>
                        <li><a>加入我们</a></li>
                    </ul>
                </div>
                <div class="col-sm-4">
                    <h4>合作伙伴</h4>
					<ul>
                        <li><a href="index.html">我要投稿</a></li>
                         <li><a>联系方式</a></li>
                        <li><a>加入我们</a></li>
                    </ul>
                </div>
                <div class="col-sm-4">
                    <i class="fa fa-weibo"></i>
                    <i class="fa fa-qq"></i>
                    <i class="fa fa-weixin"></i>
                </div>
            </div>

        </div>
    </div>
    <div class="footerbot">
        © 2015 嗨weiwork | 鲁ICP备12012936号
    </div>

</footer>
</body>
</html>